<template>
  <div>
      <swiper>
          <swiper-item v-for = "item in banner" :key="item.label">
              <a :href="item.link">
                  <img :src="item.image" alt="" @load = 'imgload'>
              </a>
          </swiper-item>
      </swiper>
  </div>
</template>

<script>
import {Swiper,SwiperItem} from '@/components/common/Swipercommon/index';
export default {
    name:'childSwiper',
    data () {
        return {
            iscount:false    
        }
    },
    props: {
        banner:{
        type:Array,
        defalut(){
            return []
        }
    }},
    components: {
        Swiper,
        SwiperItem
    },
    methods: {
         imgload(){
            if(!this.iscount){
            this.$emit('swiperload')
            this.iscount = true
         }   
        }      
    }
}
</script>

<style>

</style>